CSS Visual Dictionary by Greg Sidelnikov

Author:Greg Sidelnikov [Sidelnikov, Greg]
Language: eng
Format: epub
Publisher: Learning Curve Books
Published: 2018-06-12T23:00:00+00:00

Figure 112: Finding the Magic Eraser Tool in Photoshop.

Like many other CSS properties that accept multiple values - all you have to do - to set up multiple backgrounds is to provide a set of values to the background property separated by comma.

Multiple Backgrounds

To assign multiple (layered) background images to the same HTML element, the following CSS can be used:

Source Code 55

body { background: url("image2.png"), url("image1.png"); }

The order in which you supply images to the background's url property is important. Note that the top-most image is always listed first. This is why we start with image2.png.

This code produces the following result:

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.